;$(function () {
  //吸顶效果
  const getScroll = () => {
    if (window.pageYOffset != undefined) { //IE9+
      return {
        left: window.pageXOffset,
        top: window.pageYOffset
      }
    } else if (document.compatMode === "CSS1Compat") {//带有标准的声明头 DTD
      return {
        top: document.documentElement.scrollTop,
        left: document.documentElement.scrollLeft
      }
    }
    //没有DTD
    return {
      left: document.body.scrollLeft,
      top: document.body.scrollTop
    }

  }


  var oTop = document.querySelector("header");
  var oNav = document.querySelector(".tab1");

  var oMain = document.querySelector("#main");

  document.addEventListener("scroll", function () {
    var scrollTop = getScroll().top;// 不可见区域的高度
    var topH = oTop.offsetHeight;//中间区域的高度
    if (scrollTop > topH) {//不可见区域的高度大于 中间高度,就让中间区域固定在顶部
      oNav.style.position = "fixed";
      oNav.style.top = "0";
      oMain.style.marginTop = oNav.offsetHeight + "px";
      $(".lastli").css({"display":"block"})
    } else {//否则就恢复到原来的位置
      oNav.style.position = "static";
      oMain.style.marginTop = 0 + "px";
      $(".lastli").css({"display":"none"})
    }

  })
})
